<!DOCTYPE html>
<html lang="en">

<head>
   <title>MIND MADE</title>
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <!--===============================================================================================-->
   <link rel="icon" type="image/png" href="../PGJ/images/icons/favicon.png" />
   <!--===============================================================================================-->
   <link rel="stylesheet" type="text/css" href="../PGJ/vendor/bootstrap/css/bootstrap.min.css">
   <!--===============================================================================================-->
   <link rel="stylesheet" type="text/css" href="../PGJ/fonts/font-awesome-4.7.0/css/font-awesome.min.css">
   <!--===============================================================================================-->
   <link rel="stylesheet" type="text/css" href="../PGJ/fonts/themify/themify-icons.css">
   <!--===============================================================================================-->
   <link rel="stylesheet" type="text/css" href="../PGJ/fonts/Linearicons-Free-v1.0.0/icon-font.min.css">
   <!--===============================================================================================-->
   <link rel="stylesheet" type="text/css" href="../PGJ/fonts/elegant-font/html-css/style.css">
   <!--===============================================================================================-->
   <link rel="stylesheet" type="text/css" href="../PGJ/vendor/animate/animate.css">
   <!--===============================================================================================-->
   <link rel="stylesheet" type="text/css" href="../PGJ/vendor/css-hamburgers/hamburgers.min.css">
   <!--===============================================================================================-->
   <link rel="stylesheet" type="text/css" href="../PGJ/vendor/animsition/css/animsition.min.css">
   <!--===============================================================================================-->
   <link rel="stylesheet" type="text/css" href="../PGJ/vendor/select2/select2.min.css">
   <!--===============================================================================================-->
   <link rel="stylesheet" type="text/css" href="../PGJ/vendor/daterangepicker/daterangepicker.css">
   <!--===============================================================================================-->
   <link rel="stylesheet" type="text/css" href="../PGJ/vendor/slick/slick.css">
   <!--===============================================================================================-->
   <link rel="stylesheet" type="text/css" href="../PGJ/vendor/lightbox2/css/lightbox.min.css">
   <!--===============================================================================================-->
   <link rel="stylesheet" type="text/css" href="../PGJ/css/util.css">
   <link rel="stylesheet" type="text/css" href="../PGJ/css/main.css">
   <!--===============================================================================================-->
</head>

<body class="animsition">
   <!-- Header -->
   <header class="header3">
      <!-- Header desktop -->
      <div class="container-menu-header-v3">
         <div class="wrap_header3 p-t-74">
            <!-- Logo -->
            <a href="" class="logo3">
               <img src="../PGJ/images/icons/logo.png" alt="IMG-LOGO">
            </a>
            <!-- Header Icon -->

            <div class="header-icons3 p-t-38 p-b-60 p-l-8">
               <% if(data.userData) { %>
               <a href="/myinfo" class="header-wrapicon1 dis-block"></a>
               <img src="../PGJ/images/icons/icon-header-01.png" class="header-icon1" alt="ICON">
               <% } else { %>
               <img id='noData-0' src="../PGJ/images/icons/icon-header-01.png" class="header-icon1" alt="ICON"
                  onclick='noDataAlert()'>
               <% }%>


               <span class="linedivide1"></span>

               <div class="header-wrapicon2">
                  <% if(data.userData) { %>
                  <img src="../PGJ/images/icons/icon-header-02.png" class="header-icon1 js-show-header-dropdown"
                     alt="ICON">
                  <% } else { %>
                  <img id='noData-0' src="../PGJ/images/icons/icon-header-02.png" class="header-icon1" alt="ICON"
                     onclick="noDataAlert()">
                  <% }%>
               </div>
            </div>

            <!-- Menu -->
            <div class="wrap_menu">
               <nav class="menu">
                  <ul class="main_menu">
                     <li class="sale-noti">
                        <a href="/">Home</a>
                     </li>
                     <li>
                        <a href="/shop/1">Shop</a>
                     </li>
                     <% if(!data.userData) { %>
                     <li>
                        <a href="/login">Login</a>
                     </li>
                     <li>
                        <a href="/register">Register</a>
                     </li>
                     <% } else { %>
                     <% if (data.userData.userDN == 1) { %>
                     <li>
                        <a href="/buytoken">Token</a>
                     </li>
                     <li>
                        <a href="/itemup">Itemup</a>
                     </li>
                     <li>
                        <a href="/myinfo">MyInfo</a>
                     </li>
                     <li>
                        <a href="/logout">LOGOUT</a>
                     </li>
                     <% } else if (data.userData.userDN == 2) { %>
                     <li>
                        <a href="/sellerconfirm">Sellerconfirm</a>
                     </li>
                     <li>
                        <a href="/myinfo">MyInfo</a>
                     </li>
                     <li>
                        <a href="/logout">LOGOUT</a>
                     </li>
                     <% } else { %>
                     <li>
                        <a href="/buytoken">Token</a>
                     </li>
                     <li>
                        <a href="/myinfo">MyInfo</a>
                     </li>
                     <li>
                        <a href="/logout">LOGOUT</a>
                     </li>
                     <% } %>
                     <% } %>

                  </ul>
               </nav>
            </div>
         </div>

         <div class="bottombar flex-col-c p-b-65">
            <div class="bottombar-social t-center p-b-8">
               <a href="https://www.facebook.com/" class="topbar-social-item fa fa-facebook"></a>
               <a href="https://www.instagram.com/" class="topbar-social-item fa fa-instagram"></a>
               <a href="https://www.youtube.com/" class="topbar-social-item fa fa-youtube-play"></a>
            </div>
         </div>
      </div>

      <!-- Header Mobile -->
      <div class="wrap_header_mobile">
         <!-- Logo moblie -->
         <a href="" class="logo-mobile">
            <img src="../PGJ/images/icons/logo.png" alt="IMG-LOGO">
         </a>

         <!-- Button show menu -->
         <div class="btn-show-menu">
            <!-- Header Icon mobile -->
            <div class="header-icons-mobile">
               <a href="#" class="header-wrapicon1 dis-block">
                  <img src="../PGJ/images/icons/icon-header-01.png" class="header-icon1" alt="ICON">
               </a>

               <span class="linedivide2"></span>

               <div class="header-wrapicon2">
                  <img src="../PGJ/images/icons/icon-header-02.png" class="header-icon1 js-show-header-dropdown"
                     alt="ICON">
                  </div>
               </div>
            </div>

            <div class="btn-show-menu-mobile hamburger hamburger--squeeze">
               <span class="hamburger-box">
                  <span class="hamburger-inner"></span>
               </span>
            </div>
         </div>
      </div>

      <!-- Menu Mobile -->
      <div class="wrap-side-menu">
         <nav class="side-menu">
            <ul class="main-menu">

               <li class="item-topbar-mobile p-l-10">
                  <div class="topbar-social-mobile">
                     <a href="https://www.facebook.com/" class="topbar-social-item fa fa-facebook"></a>
                     <a href="https://www.instagram.com/" class="topbar-social-item fa fa-instagram"></a>
                     <a href="https://www.youtube.com/" class="topbar-social-item fa fa-youtube-play"></a>
                  </div>
               </li>
               <li class="item-menu-mobile">
                  <a href="/">Home</a>
               </li>
               <li class="item-menu-mobile">
                  <a href="/shop/1">Shop</a>
               </li>
               <% if(!data.userData) { %>
               <li class="item-menu-mobile">
                  <a href="/login">Login</a>
               </li>
               <li class="item-menu-mobile">
                  <a href="/register">Register</a>
               </li>
               <% } else { %>
               <% if (data.userData.userDN == 1) { %>
               <li class="item-menu-mobile">
                  <a href="/buytoken">Token</a>
               </li>
               <li class="item-menu-mobile">
                  <a href="/itemup">Itemup</a>
               </li>
               <li class="item-menu-mobile">
                  <a href="/myinfo">MyInfo</a>
               </li>
               <li class="item-menu-mobile">
                  <a href="/logout">LOGOUT</a>
               </li>
               <% } else if (data.userData.userDN == 2) { %>
               <li class="item-menu-mobile">
                  <a href="/sellerconfirm">Sellerconfirm</a>
               </li>
               <li class="item-menu-mobile">
                  <a href="/myinfo">MyInfo</a>
               </li>
               <li class="item-menu-mobile">
                  <a href="/logout">LOGOUT</a>
               </li>
               <% } else { %>
               <li class="item-menu-mobile">
                  <a href="/buytoken">Token</a>
               </li>
               <li class="item-menu-mobile">
                  <a href="/myinfo">MyInfo</a>
               </li>
               <li class="item-menu-mobile">
                  <a href="/logout">LOGOUT</a>
               </li>
               <% } %>
               <% } %>
            </ul>
         </nav>
      </div>
   </header>

   <div class="container1-page">
      <!-- Slide1 -->
      <section class="slide1 rs1-slick1">
         <div class="wrap-slick1">
            <div class="slick1">
               <div class="item-slick1 item1-slick1" style="background-image: url(../PGJ/images/master-slide-09.jpg);">
                  <div class="wrap-content-slide1 size24 flex-col-c-m p-l-15 p-r-15 p-t-120 p-b-170">
                     <h2 class="caption1-slide1 xl-text3 t-center bo15 p-b-3 animated visible-false m-b-25"
                        data-appear="fadeInUp">
                        Handmade soap
                     </h2>

                     <span class="caption2-slide1 m-text9 t-center animated visible-false m-b-30"
                        data-appear="fadeInDown">
                        Buy it right now!
                     </span>

                     <div class="wrap-btn-slide1 w-size1 animated visible-false" data-appear="zoomIn">
                        <!-- Button -->
                        <a href="shop" class="flex-c-m size2 bo-rad-23 s-text1 bggray hov1 trans-0-4">
                           Show now
                        </a>
                     </div>
                  </div>
               </div>

               <div class="item-slick1 item1-slick1" style="background-image: url(../PGJ/images/master-slide-08.jpg);">
                  <div class="wrap-content-slide1 size24 flex-col-c-m p-l-15 p-r-15 p-t-120 p-b-170">
                     <h2 class="caption1-slide1 xl-text4 t-center bo15 p-b-3 animated visible-false m-b-25"
                        data-appear="rotateInDownLeft">
                        Big sale
                     </h2>

                     <span class="caption2-slide1 m-text27 t-center animated visible-false m-b-30"
                        data-appear="rotateInUpRight">
                        Ecoback Collection 2019
                     </span>

                     <div class="wrap-btn-slide1 w-size1 animated visible-false" data-appear="rotateIn">
                        <!-- Button -->
                        <a href="/shop/1" class="flex-c-m size2 bo-rad-23 s-text2 bgwhite hov1 trans-0-4">
                           Shop Now
                        </a>
                     </div>
                  </div>
               </div>

               <div class="item-slick1 item1-slick1" style="background-image: url(../PGJ/images/master-slide-10.jpg);">
                  <div class="wrap-content-slide1 size24 flex-col-c-m p-l-15 p-r-15 p-t-120 p-b-170">
                     <h2 class="caption1-slide1 xl-text3 t-center bo15 p-b-3 animated visible-false m-b-25"
                        data-appear="rollIn">
                        Accessories
                     </h2>

                     <span class="caption2-slide1 m-text27 t-center animated visible-false m-b-30"
                        data-appear="lightSpeedIn">
                        Give wings to your dreams!
                     </span>

                     <div class="wrap-btn-slide1 w-size1 animated visible-false" data-appear="slideInUp">
                        <!-- Button -->
                        <a href="shop" class="flex-c-m size2 bo-rad-23 s-text2 bgwhite hov1 trans-0-4">
                           Shop Now
                        </a>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>

      <!-- Top noti -->
      <div class="pos-relative">
         <div class="flex-c-m size22 bg0 s-text21 ab-b-l op-0-9">
            20% sale to celebrate MindMade's launch
            <a href="shop" class="s-text22 hov6 p-l-5">
               Shop Now
            </a>

            <button class="flex-c-m pos2 size23 colorwhite eff3 trans-0-4 btn-romove-top-noti">
               <i class="fa fa-remove fs-13" aria-hidden="true"></i>
            </button>
         </div>
      </div>

      <!-- New Product -->
      <section class="newproduct bgwhite p-t-45 p-b-105">
         <div class="container">
            <div class="sec-title p-b-60">
               <h3 class="m-text5 t-center">
                  NEW PRODUCTS
               </h3>
            </div>

            <!-- Slide2 -->
            <div class="wrap-slick2 rs1-slick2">
               <div class="slick2">
                  <% if(data.recentItemCode == null) { %>
                  No Data
                  <% } else { %>
                  <% for(var i=0; i<data.recentItemCode.length; i++) { %>
                  <div class="item-slick2 p-l-15 p-r-15">
                     <!-- Block2 -->
                     <div class="block2">
                        <div class="block2-img wrap-pic-w of-hidden pos-relative block2-labelnew">
                           <img src="../PGJ/images/itemimages/<%= data.recentItemCode[i].item_img %>" alt="IMG-PRODUCT">
                           <div class="block2-overlay trans-0-4">
                              <a href="#" class="block2-btn-addwishlist hov-pointer trans-0-4">
                                 <i class="icon-wishlist icon_heart_alt" aria-hidden="true"></i>
                                 <i class="icon-wishlist icon_heart dis-none" aria-hidden="true"></i>
                              </a>

                              <div class="block2-btn-addcart w-size1 trans-0-4">
                                 <!-- Button -->
                                 <button class="flex-c-m size1 bg4 bo-rad-23 hov1 s-text1 trans-0-4">
                                    Add to Cart
                                 </button>
                              </div>
                           </div>
                        </div>

                        <div class="block2-txt p-t-20">
                           <a href="product-detail.html" class="block2-name dis-block s-text3 p-b-5">
                              <%= data.recentItemCode[i].item_name %>
                           </a>

                           <span class="block2-price m-text6 p-r-5">
                              <%= data.recentItemCode[i].item_price %> MDT MDT
                           </span>
                        </div>
                     </div>
                  </div>
                  <% } %>
                  <% } %>
               </div>
            </div>
      </section>

      <!-- Banner2 -->
      <div class="banner2 bg5 p-t-55 p-b-55 bg-img1" style="background-image: url(../PGJ/images/bg-banner-02.jpg);">
         <div class="container">
            <div class="sec-title p-b-22">
               <h3 class="m-text13-1 t-center">
                  Best Sellers of the Week
               </h3>
            </div>
            <div class="flex-w flex-r-m flex-c-xl">
               <div class="p-t-15 p-b-15 w-size28">
                  <div class="bgwhite hov-img-zoom pos-relative p-b-20per-ssm">
                     <img src="../PGJ/images/shop-item-09.jpg" alt="IMG-BANNER">

                     <div class="ab-t-l sizefull flex-col-c-b p-l-15 p-r-15 p-b-20">
                        <div class="t-center">
                           <% if(data.bestCode[0] != null) { %>
                           <a href="product-detail.html" class="dis-block s-text3 p-b-5">
                              <%= data.bestCode[0].item_name %>
                           </a>

                           <span class="block2-oldprice m-text6 p-r-5">
                              <%= data.bestCode[0].item_price%> MDT
                           </span>
                           <% } else { %>
                           BEST 상품 대기중입니다.
                           <% } %>
                        </div>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </div>


      <!-- Our product -->
      <section class="bgwhite p-t-115 p-b-58">
         <div class="container">
            <div class="sec-title p-b-22">
               <h3 class="m-text5 t-center">
                  Our Products
               </h3>
            </div>

            <!-- Tab01 -->
            <div class="tab01">
               <!-- Nav tabs -->
               <ul class="nav nav-tabs" role="tablist">
                  <li class="nav-item">
                     <a class="nav-link active" data-toggle="tab" href="#best-seller" role="tab">Best Seller</a>
                  </li>
                  <li class="nav-item">
                     <a class="nav-link" data-toggle="tab" href="#low-price" role="tab">Low Price</a>
                  </li>
               </ul>


               <!-- Tab panes -->
               <div class="tab-content p-t-35">
                  <!-- - -->
                  <div class="tab-pane fade show active" id="best-seller" role="tabpanel">
                     <div class="row">
                        <% if(data.topItemCode) { %>
                           <% for(var i=0; i<data.topItemCode.length; i++) { %>
                        <div class="col-sm-6 col-md-4 col-lg-3 p-b-50">
                           <!-- Block2 -->
                           <div class="block2">
                              <div class="block2-img wrap-pic-w of-hidden pos-relative">
                                 <img src="../PGJ/images/itemimages/<%= data.topItemCode[i].item_img %>" alt="IMG-PRODUCT">

                                 <div class="block2-overlay trans-0-4">
                                    <a href="#" class="block2-btn-addwishlist hov-pointer trans-0-4">
                                       <i class="icon-wishlist icon_heart_alt" aria-hidden="true"></i>
                                       <i class="icon-wishlist icon_heart dis-none" aria-hidden="true"></i>
                                    </a>
                                    <div class="block2-btn-addcart w-size1 trans-0-4">
                                       <!-- Button -->
                                       <button class="flex-c-m size1 bg4 bo-rad-23 hov1 s-text1 trans-0-4">
                                          Add to Cart
                                       </button>
                                    </div>
                                 </div>
                              </div>

                              <div class="block2-txt p-t-20">
                                 <a href="product-detail.html" class="block2-name dis-block s-text3 p-b-5">
                                    <%= data.topItemCode[i].item_name %>
                                 </a>
                                 <span class="block2-price m-text6 p-r-5">
                                    <%= data.topItemCode[i].item_price %> MDT
                                 </span>
                              </div>
                           </div>
                        </div>
                        <% } %>
                        <% } else { %>
                        Waiting For Top Item
                        <% } %>
                     </div>
                  </div>

                        <!--  -->
                        <div class="tab-pane fade" id="low-price" role="tabpanel">
                           <div class="row">
                              <% if(data.lowPriceCode) { %>
                              <% for(var i=0; i<data.lowPriceCode.length;i++) { %>
                                    <div class="col-sm-6 col-md-4 col-lg-3 p-b-50">
                                          <!-- Block2 -->
                                          <div class="block2">
                                             <div class="block2-img wrap-pic-w of-hidden pos-relative">
                                                <img src="../PGJ/media/itemimages/<%= data.lowPriceCode[i].item_img %>" alt="IMG-PRODUCT">
                  
                                                <div class="block2-overlay trans-0-4">
                                                   <a href="#" class="block2-btn-addwishlist hov-pointer trans-0-4">
                                                      <i class="icon-wishlist icon_heart_alt" aria-hidden="true"></i>
                                                      <i class="icon-wishlist icon_heart dis-none" aria-hidden="true"></i>
                                                   </a>
                  
                                                   <div class="block2-btn-addcart w-size1 trans-0-4">
                                                      <!-- Button -->
                                                      <button class="flex-c-m size1 bg4 bo-rad-23 hov1 s-text1 trans-0-4">
                                                         Add to Cart
                                                      </button>
                                                   </div>
                                                </div>
                                             </div>
                  
                                             <div class="block2-txt p-t-20">
                                                <a href="product-detail.html" class="block2-name dis-block s-text3 p-b-5">
                                                   <%= data.lowPriceCode[i].item_name %>
                                                </a>
                  
                                                <span class="block2-price m-text6 p-r-5">
                                                   <%= data.lowPriceCode[i].item_price%> MDT
                                                </span>
                                             </div>
                                          </div>
                                       </div>
                              <% } %>
                              <% } else { %>
                              Waiting For Top Item
                              <% } %>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
      </section>

      <!-- Blog -->
      <section class="blog bgwhite p-b-65">
         <div class="container">
            <div class="sec-title p-b-52">
               <h3 class="m-text5 t-center">
                  Recently Registered Seller
               </h3>
            </div>

            <div class="row">
               <% if(data.recentSellerIncCode) { %>
               <% for(var i=0; i<data.recentSellerIncCode.length;i++) { %>
               <div class="col-sm-10 col-md-4 p-b-30 m-l-r-auto">
                  <!-- Block3 -->
                  <div class="block3">
                     <a href="blog-detail.html" class="block3-img dis-block hov-img-zoom">
                        <img src="../PGJ/images/blog-01.jpg" alt="IMG-BLOG">
                     </a>

                     <div class="block3-txt p-t-14">
                        <h4 class="p-b-7">
                           <a href="blog-detail.html" class="m-text11">
                              <%= data.recentSellerIncCode[i].inc_name%>
                           </a>
                        </h4>

                        <span class="s-text6">By</span> <span
                           class="s-text7"><%= data.recentSellerIncCode[i].user%></span>
                        <span class="s-text6">address</span> <span
                           class="s-text7"><%= data.recentSellerIncCode[i].inc_address%></span>

                        <p class="s-text8 p-t-16">
                           <%= data.recentSellerIncCode[i].inc_info %>
                        </p>
                     </div>
                  </div>
               </div>
               <% } %>
               <% } else { %>
               Waiting For Inc
               <% } %>
            </div>
         </div>
      </section>


      <!-- Shipping -->
      <section class="shipping bgwhite p-t-62 p-b-46">
         <div class="flex-w p-l-15 p-r-15">
            <div class="flex-col-c w-size5 p-l-15 p-r-15 p-t-16 p-b-15 respon1">
               <h4 class="m-text12 t-center">
                  A Low Price
               </h4>

               <a href="#" class="s-text11 t-center">
                  Why is the price cheap?
               </a>
            </div>

            <div class="flex-col-c w-size5 p-l-15 p-r-15 p-t-16 p-b-15 bo2 respon2">
               <h4 class="m-text12 t-center">
                  7 Days Return
               </h4>

               <span class="s-text11 t-center">
                  You can get a refund in 7 days.
               </span>
            </div>

            <div class="flex-col-c w-size5 p-l-15 p-r-15 p-t-16 p-b-15 respon1">
               <h4 class="m-text12 t-center">
                  No Fee.
               </h4>

               <span class="s-text11 t-center">
                  There's really no fee.
               </span>
            </div>
         </div>
      </section>


      <!-- Footer -->
      <footer class="bg6 p-t-45 p-b-43 p-l-65 p-r-65 p-lr-0-xl1">
         <div class="flex-w p-b-90">
            <div class="w-size6 p-t-30 p-l-15 p-r-15 respon6">
               <h4 class="s-text12 p-b-30">
                  GET IN TOUCH
               </h4>

               <div>
                  <p class="s-text7 w-size26">
                     서울 서초구 서초중앙로 63 리더스빌딩 5층 (서초구 서초동 1599-11)
                  </p>

                  <div class="flex-m p-t-30">
                     <a href="https://www.facebook.com/" class="fs-18 color1 p-r-20 fa fa-facebook"></a>
                     <a href="https://www.instagram.com/" class="fs-18 color1 p-r-20 fa fa-instagram"></a>
                     <a href="https://www.youtube.com/" class="fs-18 color1 p-r-20 fa fa-youtube-play"></a>
                  </div>
               </div>
            </div>

            <div class="w-size7 p-t-30 p-l-15 p-r-15 respon7">
               <h4 class="s-text12 p-b-30">
                  Categories
               </h4>

               <ul>
                  <li class="p-b-9">
                     <a href="#" class="s-text7">
                        Toy
                     </a>
                  </li>

                  <li class="p-b-9">
                     <a href="#" class="s-text7">
                        Furniture
                     </a>
                  </li>

                  <li class="p-b-9">
                     <a href="#" class="s-text7">
                        Jewelry
                     </a>
                  </li>

                  <li class="p-b-9">
                     <a href="#" class="s-text7">
                        Accessory
                     </a>
                  </li>

                  <li class="p-b-9">
                        <a href="#" class="s-text7">
                           Food
                        </a>
                     </li>
               </ul>
            </div>

            <div class="w-size7 p-t-30 p-l-15 p-r-15 respon7">
               <h4 class="s-text12 p-b-30">
                  Links
               </h4>

               <ul>
                  <li class="p-b-9">
                     <a href="#" class="s-text7">
                        Search
                     </a>
                  </li>

                  <li class="p-b-9">
                     <a href="#" class="s-text7">
                        About Us
                     </a>
                  </li>

                  <li class="p-b-9">
                     <a href="#" class="s-text7">
                        Contact Us
                     </a>
                  </li>

                  <li class="p-b-9">
                     <a href="#" class="s-text7">
                        Returns
                     </a>
                  </li>
               </ul>
            </div>

            <div class="w-size7 p-t-30 p-l-15 p-r-15 respon7">
               <h4 class="s-text12 p-b-30">
                  Help
               </h4>

               <ul>
                  <li class="p-b-9">
                     <a href="#" class="s-text7">
                        Track Order
                     </a>
                  </li>

                  <li class="p-b-9">
                     <a href="#" class="s-text7">
                        Returns
                     </a>
                  </li>

                  <li class="p-b-9">
                     <a href="#" class="s-text7">
                        Shipping
                     </a>
                  </li>

                  <li class="p-b-9">
                     <a href="#" class="s-text7">
                        FAQs
                     </a>
                  </li>
               </ul>
            </div>

            <div class="w-size8 p-t-30 p-l-15 p-r-15 respon6">
               <h4 class="s-text12 p-b-30">
                  Newsletter
               </h4>

               <form>
                  <div class="effect1 w-size9">
                     <input class="s-text7 bg6 w-full p-b-5" type="text" name="email" placeholder="email@example.com">
                     <span class="effect1-line"></span>
                  </div>

                  <div class="w-size2 p-t-20">
                     <!-- Button -->
                     <button class="flex-c-m size2 bg4 bo-rad-23 hov1 m-text3 trans-0-4">
                        Subscribe
                     </button>
                  </div>

               </form>
            </div>
         </div>

         <div class="t-center p-l-15 p-r-15">
            <div class="t-center s-text8 p-t-20">
               경기도 블록체인 해커톤을 위해 만들어진 사이트입니다.
            </div>
         </div>
      </footer>
   </div>


   <!-- Back to top -->
   <div class="btn-back-to-top bg0-hov" id="myBtn">
      <span class="symbol-btn-back-to-top">
         <i class="fa fa-angle-double-up" aria-hidden="true"></i>
      </span>
   </div>

   <!-- Container Selection1 -->
   <div id="dropDownSelect1"></div>

   <script>
      async function gotoitem(data) {
         try {
            const response = await fetch(`http://localhost:3000/item_detail`, {
               method: 'POST',
               headers: {
                  "Content-Type": "application/json"
               },
               body: JSON.stringify(data)
            });
         } catch (err) {
            console.log('index Page image Click Err');
         }
      }

   </script>



   <!--===============================================================================================-->
   <script type="text/javascript" src="../PGJ/vendor/jquery/jquery-3.2.1.min.js"></script>
   <!--===============================================================================================-->
   <script type="text/javascript" src="../PGJ/vendor/animsition/js/animsition.min.js"></script>
   <!--===============================================================================================-->
   <script type="text/javascript" src="../PGJ/vendor/bootstrap/js/popper.js"></script>
   <script type="text/javascript" src="../PGJ/vendor/bootstrap/js/bootstrap.min.js"></script>
   <!--===============================================================================================-->
   <script type="text/javascript" src="../PGJ/vendor/select2/select2.min.js"></script>
   <script type="text/javascript">
      $(".selection-1").select2({
         minimumResultsForSearch: 20,
         dropdownParent: $('#dropDownSelect1')
      });
   </script>
   <!--===============================================================================================-->
   <script type="text/javascript" src="../PGJ/vendor/slick/slick.min.js"></script>
   <script type="text/javascript" src="../PGJ/js/slick-custom.js"></script>
   <!--===============================================================================================-->
   <script type="text/javascript" src="../PGJ/vendor/countdowntime/countdowntime.js"></script>
   <!--===============================================================================================-->
   <script type="text/javascript" src="../PGJ/vendor/lightbox2/js/lightbox.min.js"></script>
   <!--===============================================================================================-->
   <script type="text/javascript" src="../PGJ/vendor/sweetalert/sweetalert.min.js"></script>
   <script type="text/javascript">
      $('.block2-btn-addcart').each(function () {
         var nameProduct = $(this).parent().parent().parent().find('.block2-name').html();
         $(this).on('click', function () {
            swal(nameProduct, "is added to cart !", "success");
         });
      });

      $('.block2-btn-addwishlist').each(function () {
         var nameProduct = $(this).parent().parent().parent().find('.block2-name').html();
         $(this).on('click', function () {
            swal(nameProduct, "is added to wishlist !", "success");
         });
      });
   </script>
   <script>
      $('#noData-0').on('click', () => {
         window.alert('Login Please');
      });
   </script>
   <!--===============================================================================================-->
   <script src="../PGJ/js/main.js"></script>

</body>

</html>